{#
/**
 * @file
 * Template for a 2 column panel layout.
 *
 * This template provides a two column panel display layout, with
 * additional areas for the top and the bottom.
 *
 * Variables:
 * - $id: An optional CSS id to use for the layout.
 * - $content: An array of content, each item in the array is keyed to one
 *   panel of the layout. This layout supports the following sections:
 *   - content.top: Content in the top row.
 *   - content.left: Content in the left column.
 *   - content.middle: Content in the middle column.
 *   - content.right: Content in the right column.
 *   - content.bottom: Content in the bottom row.
 */
#}
<div class="panel-2col-stacked-ccms row" {% if css_id %}{{ css_id }}{% endif %}>
  <div class="col-md-12 panel-panel">
    {{ content.top }}
  </div>

  <div class="col-md-6 panel-panel">
    {{ content.left }}
  </div>

  <div class="col-md-6 panel-panel">
    {{ content.right }}
  </div>

  <div class="col-md-12 panel-panel">
    {{ content.bottom }}
  </div>
</div>
